<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
    <title>bootstrap网页</title>
</head>

<body>
    <nav class="navbar navbar-default navbarbox">
        <div class="container">

            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="image/logo.svg" alt=""></a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                            aria-expanded="false">解决方案<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">对于SaaS提供商</a></li>
                            <li><a href="#">对于初创企业</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                            aria-expanded="false">协助 <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">技术援助</a></li>
                            <li><a href="#">服务状态</a></li>
                            <li><a href="#">变更日志</a></li>
                            <li><a href="#">滥用行为报告</a></li>
                            <li><a href="#">文献资料</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                            aria-expanded="false">关于Scaleway<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">公司</a></li>
                            <li><a href="#">环境领导</a></li>
                            <li><a href="#">客户感言</a></li>
                            <li><a href="#">新闻发布室</a></li>
                            <li><a href="#">大事记</a></li>
                        </ul>
                    </li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <div class="container-fluid first-bg">
        <div class="container">
            <h1 class="common-title text-center">有意义的云</h1>
            <div class="row">
                <div class="common-detail text-center col-lg-8 col-lg-offset-2">
                    <span>专业从高性能云生态系统到超大规模绿色数据中心，</p>
                        <p>Scaleway为数字化成功奠定了基础。</p>
                </div>
            </div>
            <div class="row ">
                <div class="col-md-4 col-xs-10 center ">
                    <img src="image/gray-bg1.jpg" alt="">
                    <font>云平台为您提供无缝和世界一流的体验。</font>
                    <ul>
                        <li>40多种云服务</li>
                        <li>按需资源</li>
                        <li>按小时计费</li>
                    </ul>
                </div>
                <div class=" col-md-4 col-xs-10 center">
                    <img src="image/gray-bg2.jpg" alt="">
                    <font>专用服务器的最大选择，可以在最苛刻的项目中取得成功。</font>
                    <ul>
                        <li>高端专用服务器</li>
                        <li>虚拟主机</li>
                        <li>域名服务</li>
                    </ul>
                </div>
                <div class="col-md-4 col-xs-10 center">
                    <img src="image/gray-bg3.jpg" alt="">
                    <font>完整的专业解决方案供您选择，将您的硬件托管在我们的安全数据中心中。</font>
                    <ul>
                        <li>从私人套房到¼机架</li>
                        <li>项目管理</li>
                        <li>输入数据中心即服务的年龄。</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid second-bg">
        <div class="container">
            <h1 class="common-title text-center">通过Scaleway加入300,000多名已经在加速其数字业务的客户中</h1>
            <div class="row text-center">
                <div class="col-lg-2">
                    <div class="box">
                        <img src="image/adobe.svg">
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="box">
                        <img src="image/adopte_un_mec.svg">
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="box">
                        <img src="image/Le_Monde1.svg">
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="box">
                        <img src="image/Leboncoin.svg">
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="box">
                        <img src="image/seloger.svg">
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="box">
                        <img src="image/Logo_Safran.svg">
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="box">
                        <img src="image/systran.svg">
                    </div>
                </div>
                <div class="col-lg-2 ">
                    <div class="box">
                        <img src="image/Veepee.svg">
                    </div>
                </div>
                <div class="col-lg-2 ">
                    <div class="box">
                        <img src="image/winamax-logo.svg">
                    </div>
                </div>
                <div class="col-lg-2 center">
                    <div class="box">
                        <img src="image/dailymotion.svg">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid three-bg">
        <div class="container">
            <div class="row">
                <h1 class="common-title text-center">改变现代IT的代码</h1>
                <div class="col-md-6 col-xs-12">
                    <img src="image/three1.jpg">
                    <h3>云已经死了，多云万岁！</h3>
                    <p>Scaleway的首席执行官Yann Lechelle解释了他的愿景以及为什么多云代表了避免锁定并加速创新的难得机会</p>
                    <a href="">学到更多</a>
                </div>
                <div class="col-md-6 col-xs-12">
                    <img src="image/three2.jpg">
                    <h3>法国云-“正在酝酿抵抗”</h3>
                    <p>对于Scaleway的Yann Lechelle来说，“战斗没有失败”，他将云视为一种实用工具，与“能源，水或电信”在战略上同样重要。</p>
                    <a href="">学到更多</a>
                </div>
                <div class="col-md-6 col-xs-12">
                    <img src="image/three3.jpg">
                    <h3>全球最环保，最透明的云</h3>
                    <p>fr-PAR-2的占地面积比传统数据中心低40％，是面向未来的区域，致力于为寻求负责任，省电和节水的IT规模的公司提供扩展服务。</p>
                    <a href="">学到更多</a>
                </div>
                <div class="col-md-6 col-xs-12">
                    <img src="image/three4.jpg">
                    <h3>不断变化的数据中心效率实践-不断升温！</h3>
                    <p>在过去的两年中，巴黎遭受了热浪袭击，这种热浪以前从未见过。我们的DC5数据中心再次证明了其坚固性，而无需使用一千瓦的空调！</p>
                    <a href="">学到更多</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-10 col-md-offset-1 threesecend text-center">
                    <p>在Scaleway，我们正在为世界领先的公司构建可信赖的，具有竞争力的和负责任的基础架构。</p>
                    <p>-Scaleway首席执行官Yann Lechelle</p>
                </div>
            </div>
            <div class="row">
                <h1 class="common-title text-center">Scaleway内部：故事和程序</h1>
                <div class="col-md-6">
                    <img src="image/four1.webp">
                    <h3>Scaleway的开源程序</h3>
                    <p>我们想投资于我们的社区，并为他们提供做他们所爱的工具：构建出色的开放软件并产生持久影响！我们正在寻找希望帮助我们成长和繁荣的开源项目。</p>
                    <a href="">学到更多</a>
                </div>
                <div class="col-md-6">
                    <img src="image/four2.webp">
                    <h3>Scaleway的启动程序</h3>
                    <p>我们给您发射板和燃料，以便您可以到达火星！该计划是为共享我们价值观和创业DNA的初创公司设计的。</p>
                    <a href="">学到更多</a>
                </div>
                <div class="col-md-6">
                    <img src="image/four3.jpg">
                    <h3>多样性故事</h3>
                    <p>Scaleway承诺采取积极主动的方法来开发其所有员工的丰富技能和能力，并以创造性和灵活的方式开辟专业机会。</p>
                    <a href="">学到更多</a>
                </div>
                <div class="col-md-6">
                    <img src="image/four4.jpg">
                    <h3>认识团队并加入我们</h3>
                    <p>由300多名富有才华和热情的人们提供支持，他们致力于构建和扩展有意义的云，并加入了欧洲第二大云基础架构提供商Scaleway。</p>
                    <a href="">学到更多</a>
                </div>
            </div>
            <div class="row text-center">
                <h1 class="common-title">加入Scaleway社区</h1>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <a href="#">
                        <div class="threelast">
                            <div><img src="image/five1.webp" alt=""></div>
                            <div>
                                <p>Scaleway活动和聚会</p>
                                <span>学会更多</span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12 ">
                    <a href="#">
                        <div class="threelast">
                            <div><img src="image/five2.webp" alt=""></div>
                            <div>
                                <p>Scaleway活动和聚会</p>
                                <span>学会更多</span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <a href="#">
                        <div class="threelast">
                            <div><img src="image/five3.webp" alt=""></div>
                            <div>
                                <p>Scaleway活动和聚会</p>
                                <span>学会更多</span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12 ">
                    <a href="#">
                        <div class="threelast">
                            <div><img src="image/five4.webp" alt=""></div>
                            <div>
                                <p>Scaleway活动和聚会</p>
                                <span>学会更多</span>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid last-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-8 lastlist">
                    <ul>
                        <li>
                            <dt>
                                <a href="">Scaleway元素</a>
                            </dt>
                            <dd>
                                <a href="">家</a>
                            </dd>
                            <dd>
                                <a href="">价钱</a>
                            </dd>
                            <dd>
                                <a href="">虚拟实例</a>
                            </dd>
                            <dd>
                                <a href="">裸机</a>
                            </dd>
                            <dd>
                                <a href="">Gpu实例</a>
                            </dd>
                            <dd>
                                <a href="">对象存储</a>
                            </dd>

                            <dd>
                                <a href="">C14冷库</a>
                            </dd>
                            <dd>
                                <a href="">块存储</a>
                            </dd>
                            <dd>
                                <a href="">数据库</a>
                            </dd>
                            <dd>
                                <a href="">负载均衡器</a>
                            </dd>
                            <dd>
                                <a href="">集装箱登记处</a>
                            </dd>
                            <dd>
                                <a href="">Kubernetes开普勒</a>
                            </dd>
                            <dd>
                                <a href="">物联网中心</a>
                            </dd>
                            <dd>
                                <a href="">测试版和预览</a>
                            </dd>
                            <dd>
                                <a href="">启动程序</a>
                            </dd>
                            <dd>
                                <a href="">开发者工具</a>
                            </dd>
                            <dd>
                                <a href="">文献资料</a>
                            </dd>
                            <dd>
                                <a href="">原料药</a>
                            </dd>
                        </li>
                        <li>
                            <dt>
                                <a href="#">Scaleway Dedibox</a>
                            </dt>
                            <dd>
                                <a href="#">家</a>
                            </dd>
                            <dd>
                                <a href="#">专用服务器</a>
                            </dd>
                            <dd>

                                <a href="#">贮存</a>
                            </dd>
                            <dd>

                                <a href="#">C14经典存档</a>
                            </dd>
                            <dd>

                                <a href="#">德迪拉克</a>
                            </dd>
                            <dd>

                                <a href="#">域名</a>
                            </dd>
                            <dd>

                                <a href="#">虚拟主机</a>
                            </dd>
                            <dd>

                                <a href="#">操作系统和发行版</a>
                            </dd>
                            <dd>
                                <a href="#">文献资料</a>
                            </dd>
                            <dd>
                                <a href="#">原料药</a>
                            </dd>
                        </li>
                        <li>
                            <dt>
                                <a href="#">Scaleway数据中心</a>
                            </dt>
                            <dd>
                                <a href="#">家</a>
                            </dd>
                            <dd>
                                <a href="#">代管</a>
                            </dd>
                            <dd>
                                <a href="#">我们的数据中心</a>
                            </dd>
                        </li>
                        <li>
                            <dt>
                                <a href="#">协助</a>
                            </dt>
                            <dd>
                                <a href="#">问题和答案</a>
                            </dd>
                            <dd>
                                <a href="#">聊天室</a>
                            </dd>
                            <dd>
                                <a href="#">地位</a>
                            </dd>
                            <dd>
                                <a href="#">技术援助</a>
                            </dd>
                            <dd>
                                <a href="#">表示滥用</a>
                            </dd>
                            <dd>
                                <a href="#">变更日志</a>
                            </dd>
                            <dd>
                                <a href="#">网络图</a>
                            </dd>
                        </li>
                        <li>
                            <dt>
                                <a href="#">Scaleway Dedibox</a>
                            </dt>
                            <dd>
                                <a href="#">关于</a>
                            </dd>
                            <dd>
                                <a href="#">环境领导</a>
                            </dd>
                            <dd>
                                <a href="#">博客</a>
                            </dd>
                            <dd>
                                <a href="#">招聘</a>
                            </dd>
                            <dd>
                                <a href="#">客户感言</a>
                            </dd>
                            <dd>
                                <a href="#">新闻发布室</a>
                            </dd>
                            <dd>
                                <a href="#">大事记</a>
                            </dd>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4 col-xs-10 text-right">
                    <span>跟着我们</span>
                    <img src="image/f.svg" alt="">
                    <img src="image/in.svg" alt="">
                    <img src="image/o.svg" alt="">
                    <img src="image/fn.svg" alt="">
                    <div class="text-left">
                        <font>你有项目吗？致电我们：</font><br>
                        <a href="#" class="btn btn-default">123456789</a><br>
                        <font>Scaleway的启动程序</font>
                        <a href="#" class="btn btn-success">我要进去</a><br>
                        <a href="#" class="btn btn-danger">我们正在招聘!</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8 col-md-offset-2 last">
                    <ul>
                        <li>
                            <a href="#">合约书</a>
                        </li>
                        <li>
                            <a href="#">法律声明</a>
                        </li>
                        <li>
                            <a href="#">隐私政策</a>
                        </li>
                        <li>
                            <a href="#">Cookie政策</a>
                        </li>
                        <li>
                            <a href="#">我们的安全措施</a>
                        </li>
                        <a href="#" class="btn btn-default">华夏</a><br>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</body>

</html>